<d-toast [value]="msgs" [life]="3000"></d-toast>
<div style="margin: 0 auto;height: 100vh;width: 36%;">
  <form dForm [layout]="layoutDirection">
    <d-form-item>
      <d-form-label>Id</d-form-label>
      <d-form-control>
        <div>
          <input dTextInput [disabled]="true" name="userId" [(ngModel)]="currentUserInfo.userId" />
        </div>
      </d-form-control>
    </d-form-item>
    <d-form-item>
      <d-form-label>Name</d-form-label>
      <d-form-control>
        <div>
          <input dTextInput name="userName" [(ngModel)]="currentUserInfo.userName" />
        </div>
      </d-form-control>
    </d-form-item>
    <d-form-item>
      <d-form-label>UserAcc</d-form-label>
      <d-form-control>
        <div>
          <input dTextInput [disabled]="true" name="userAcc" [(ngModel)]="currentUserInfo.userAcc" />
        </div>
      </d-form-control>
    </d-form-item>
    <d-form-item>
      <d-form-label>Password</d-form-label>
      <d-form-control>
        <div>
          <input dTextInput name="password" [(ngModel)]="currentUserInfo.userPwd" />
        </div>
      </d-form-control>
    </d-form-item>
    <d-form-item>
      <d-form-label>Role</d-form-label>
      <d-form-control>
        <d-select [options]="options" name="role" [(ngModel)]="currentUserInfo.roleName" [disabled]="canEditRole">
        </d-select>
      </d-form-control>
    </d-form-item>

    <d-form-operation>
      <d-button bsStyle="primary" class="mr-element-spacing" circled="true" style="margin-right: 4px"
        (click)="saveUserInfo()">确认</d-button>
      <d-button bsStyle="common" circled="true" (click)="resetUserInfo()">重置</d-button>
    </d-form-operation>
  </form>
</div>